<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Node</title>
    <style type="text/css">
        .wrapper { border: 1px solid blue ; }
        .wrapper>* { margin: 10px ; border: 1px solid green; padding: 10px; }
        .wrapper>p { border: none ; color: blue ;}
        .wrapper>div { display: flex ; }
        .wrapper>div span:first-child { flex-basis: 300px; }
        .wrapper>div span:last-child { flex-basis: 200px; }
    </style>
</head>
<body>

    <p>Node</p>

    <div class="wrapper">
        <p>Node.prototype 属性:</p>
    </div>

    <script type="text/javascript">
        console.log( Object.getOwnPropertyNames( Node ) );
        console.log( '- '.repeat(30) );
        const w = document.querySelector( '.wrapper' );
        const names = Object.getOwnPropertyNames( Node.prototype );
        names.forEach( name => {
            let element = document.createElement( 'div' );
            element.innerHTML = `<span>${name}</span>`;
            w.appendChild( element );
        });
    </script>

    <p>
        <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Node">
            MDN Web Docs: Node
        </a>
    </p>
</body>
</html>